<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:p="http://primefaces.org/ui">
<f:view locale="#{LanguageBean.localeCode}" contentType="text/html">
	<h:head>
		<f:facet name="first">
			<meta http-equiv="X-UA-Compatible" content="EmulateIE8" />
			<meta content='text/html; charset=UTF-8' http-equiv="Content-Type" />
			<title>#{msg.label_welcome}</title>
		</f:facet>
		<link rel="icon" type="image/ico"
			href="#{request.contextPath}/icon.gif" />
		<link type="text/css" rel="stylesheet"
			href="#{request.contextPath}/css/default.css" />
		<link type="text/css" rel="stylesheet"
			href="#{request.contextPath}/css/syntaxhighlighter/syntaxhighlighter.css" />
		<ui:insert name="head"></ui:insert>
		<script type="text/javascript">
			$(function() {
				$('.sidebar a').hover(function() {
					$(this).toggleClass('ui-state-hover');
				})
			});
		</script>
		<script type="text/javascript">
			var _gaq = _gaq || [];
			_gaq.push([ '_setAccount', 'UA-12200033-3' ]);
			_gaq.push([ '_trackPageview' ]);
			(function() {
				var ga = document.createElement('script');
				ga.type = 'text/javascript';
				ga.async = true;
				ga.src = ('https:' == document.location.protocol ? 'https://ssl'
						: 'http://www')
						+ '.google-analytics.com/ga.js';
				var s = document.getElementsByTagName('script')[0];
				s.parentNode.insertBefore(ga, s);
			})();
		</script>
	</h:head>
	<h:body>
		<p:layout fullPage="true">
			<!-- Barra superior -->
			<p:layoutUnit position="north" size="14%" resizable="true"
				header="&nbsp;&nbsp;Usuario: #{userSession.name} #{userSession.lastname}"
				closable="false" collapsible="false">
				<p:graphicImage value="/img/logo_netbrain.png" />
			</p:layoutUnit>
			<!-- Barra lateral -->
			<p:layoutUnit position="west" size="20%" header="Repositorios"
				resizable="true" closable="false" collapsible="true">
				<h:form id="formTree">
					<p:tree value="#{TreeBean.rootNode}" var="node" id="tree"
						cache="false" selection="#{TreeBean.selectedNode}"
						selectionMode="single">
						<p:ajax event="select" listener="#{TreeBean.onNodeSelect}"
							update=":frmMenu" />
						<p:treeNode expandedIcon="plus" collapsedIcon="minus">
							<h:outputText value="#{node.getName()}" />
						</p:treeNode>
					</p:tree>
				</h:form>
			</p:layoutUnit>
			<p:layoutUnit position="center">
				<ui:insert name="content">...</ui:insert>
			</p:layoutUnit>
			<!-- Barra inferior -->
			<p:layoutUnit position="south" size="100" header="Pie"
				resizable="true" closable="false" collapsible="true">
				<h:outputText value="Información de la empresa" />
			</p:layoutUnit>
			<!-- Formulario para nueva carpeta -->
			<h:form id="frmNewFolder">
				<p:dialog header="Nueva Carpeta" widgetVar="dlgNew"
					resizable="false" id="newFolderDialog" modal="true">
					<ui:include src="newFolder.xhtml" />
				</p:dialog>
			</h:form>
			<!-- Formulario para editar nombre de carpeta -->
			<h:form id="frmEditFolder">
				<p:dialog header="Editar nombre de la carpeta"
					widgetVar="editDialog" resizable="false" id="editDialog"
					modal="true">
					<ui:include src="editFolder.xhtml" />
				</p:dialog>
			</h:form>
			<!-- Formulario para borrar carpeta -->
			<h:form prependId="false">
				<p:confirmDialog id="confirmDialog" message="Esta seguro de borrar?"
					header="Borrar" severity="alert" widgetVar="confirmation"
					modal="true">
					<ui:include src="deleteFolder.xhtml" />
				</p:confirmDialog>
			</h:form>
			<!-- Formulario para cargar archivos -->
			<h:form id="frmLoadFile" enctype="multipart/form-data">
				<p:dialog header="Cargar archivos" widgetVar="loadFileDialog"
					resizable="false" id="loadFileDialog" modal="true">
					<ui:include src="loadFile.xhtml" />
				</p:dialog>
			</h:form>
			<!-- Formulario para editar nombre del archivo -->
			<h:form id="frmEditFile">
				<p:dialog header="Editar nombre del archivo"
					widgetVar="editFileDialog" resizable="false" id="editFileDialog"
					modal="true">
					<ui:include src="editFile.xhtml" />
				</p:dialog>
			</h:form>
			<!-- Formulario para propiedades del archivo -->
			<h:form id="frmProperties">
				<p:dialog header="Propiedades" widgetVar="PropertiesDialog"
					resizable="false" id="PropertiesDialog" modal="true">
					<ui:include src="propertiesFile.xhtml" />
				</p:dialog>
			</h:form>
			<!-- Formulario para propiedades de los archivos -->
			<h:form id="formPropertiesFile" enctype="multipart/form-data">
				<p:dialog header="Lista de archivos a cargar" widgetVar="fileDialog"
					width="450" showEffect="explode" hideEffect="explode" modal="true">
					<ui:include src="propertiesFileData.xhtml" />
				</p:dialog>
			</h:form>
			<!-- Formulario para descargar archivos -->
			<h:form id="formDownloadFile">
				<p:dialog header="Descargar archivos" widgetVar="downloadDialog"
					modal="true">
					<ui:include src="downloadFile.xhtml" />
				</p:dialog>
			</h:form>
			<!-- Formulario para correos electronicos -->
			<h:form>
				<p:dialog widgetVar="composeDlg" modal="true" header="Nuevo correo"
					width="530" showEffect="fade" hideEffect="fade">
					<ui:include src="sendEmail.xhtml" />
				</p:dialog>
			</h:form>
		</p:layout>
	</h:body>
</f:view>
</html>